<template>
  <div class="index">
    <!-- <b style="font-size:18px"> 未能打开正确的业务页面，请检查链接的地址是否正确，以下是可链接的路由</b> -->
    <div v-for="item in list" :key="item.path" class="wrap">
      <span class="meta-title">{{ (item.meta && item.meta.title) || "" }}</span>
      ：
      <router-link class="router-link" :to="item.path">
        {{ item.path }}
      </router-link>
    </div>
  </div>
</template>

<script>
export default {
  name: "index",
  data() {
    return {
      list: [],
    };
  },
  created() {
    this.list = this.$router.options.routes.filter(
        (ele) => ele.meta !== undefined
    );
  },
  // methods: {
  //   goTarget(href) {
  //     window.open(href, "_blank");
  //   },
  // },
}
</script>

<style scoped>
.wrap {
  margin: 5px
}

.meta-title {
  display: inline-block;
  min-width: 500px;
  text-align: right;
}

.router-link {
  font-size: 16px
}
</style>

